<template>
  <div>
    <detail-header></detail-header>
    <detail-banner></detail-banner>
    <div class="content">
      <detail-info></detail-info>
      <detail-list></detail-list>
    </div>
  </div>
</template>

<script>
import DetailBanner from './component/Banner.vue'
import DetailHeader from './component/Header.vue'
import DetailList from './component/List/List.vue'
import DetailInfo from './component/Info.vue'
export default {
  name: 'Detail',
  components: {
    DetailBanner,
    DetailHeader,
    DetailList,
    DetailInfo
  }
}
</script>

<style lang="stylus">
  .content
    height: 15rem
</style>
